<html>
    <head>
        <title>Pediatr&iacute;a</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <link href="text.css" rel="stylesheet" type="text/css">
        <link type="text/css" href="css/menu.css" rel="stylesheet" />
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/menu.js"></script>
    </head>

    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <style type="text/css">
        * { margin:0;
            padding:0;
        }
        h1 {color:navy; font-family: monospace;background-position: left}
        h3 {color:navy; font-family: monospace;background-position: left}
        label{color:darkblue; font-family:monospace; font-style:inherit;background-position: left;}
        div#copyright {
            margin:0 auto;
            width:80%;
            font:11px 'Trebuchet MS';
            color:#124a6f;
            text-indent:20px;
            padding:40px 0 0 0;
        }
        div#copyright a { color:#4682b4; }
        div#copyright a:hover { color:#124a6f; }
    </style>
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" class="text">
        <tr><!- encabezado ->
            <td height="112" background="images/top01bg.gif"><table width="775" border="0" cellpadding="0" cellspacing="0" class="text">
                    <tr>
                        <td width="110"><img src="images/logo.gif" width="110" height="112"></td>
                        <td width="180"><img src="images/Empresa.png" width="248" height="112"></td>
                        <td width="347" align="left" valign="top" background="images/top01.gif"><br>
                            <table width="250" border="0" cellpadding="0" cellspacing="0" class="text">
                                <tr align="right">
                                    <td width="112"><a href="#"><img src="images/icon01.gif" width="68" height="17"></a></td>
                                    <td width="84"><a href="#"><img src="images/icon02.gif" width="90" height="17"></a></td>
                                    <td width="64" ><a href="#"><img src="images/icon03.gif" width="68" height="17"></a></td>
                                </tr>
                            </table></td>
                    </tr>
                </table></td>
        </tr><!-  FIN encabezado ->
        <tr><!-  INICIO MENU ->
            <td height="65" background="images/top02bg_1.gif">
                <br/>
                <div id="menu">
                    <ul class="menu">
                        <li><a href="#" class="parent"><span>Inicio</span></a>
                            <div><ul>
                                    <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                                        <div><ul>
                                                <li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
                                                    <div><ul>
                                                            <li><a href="#"><span>Sub Item 1.1.1</span></a></li>
                                                            <li><a href="#"><span>Sub Item 1.1.2</span></a></li>
                                                        </ul></div>
                                                </li>

                                                <li><a href="#"><span>Sub Item 1.6</span></a></li>

                                            </ul></div>
                                    </li>
                                    <li><a href="#"><span>Sub Item 2</span></a></li>
                                    <li><a href="#"><span>Sub Item 3</span></a></li>
                                </ul></div>
                        </li>
                        <li><a href="#" class="parent"><span>Citas</span></a>
                            <div><ul>
                                    <li><a href="#" ><span>Ver citas</span></a></li>
                                    <li><a href="#"><span>Cancelar cita</span></a></li>
                                </ul></div>
                        </li>
                        <li><a href="#" class="parent"><span>Consulta</span></a>
                            <div><ul>
                                    <li><a href="#" ><span>Ver consultas</span></a></li>
                                    <li><a href="#"><span>Crear consulta</span></a></li>
                                </ul></div>
                        </li>
                        <li><a href="#"><span>Expedientes</span></a>
                            <div>
                                <ul>
                                    <li><a href="#"><span>Ver expedientes</span></a></li>
                                    <li><a href="#"><span>Crear expediente</span></a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="parent"><a href="#"><span>Gesti&oacute;n</span></a>
                            <div>
                                <ul>
                                    <li><a href="#" class="parent"><span>Pacientes</span></a>
                                        <div><ul>
                                                <li><a href="#"><span>Gesti&oacute;n de pacientes</span></a></li>
                                                <li><a href="#"><span>Gesti&oacute;n de encargados</span></a></li>
                                            </ul></div>
                                    </li>
                                    <li><a href="#"><span>Doctores</span></a></li>
                                    <li><a href="#" class="parent"><span>Personal</span></a>
                                        <div><ul>
                                                <li><a href="#"><span>Enfermeras</span></a></li>
                                                <li><a href="#"><span>Secretarias</span></a></li>
                                            </ul></div>
                                    </li>
                                </ul>
                            </div>

                        </li>

                        <li class="parent"><a href="#"><span>Ayuda</span></a></li>
                    </ul>
                </div>



            </td>

        </tr><!-  FIN MENU ->
        <tr>
            <td align="left" valign="top">
                <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" class="text">
                    <tr>
                        <td width="539" align="left" valign="top">
                            <table width="560" border="0" cellpadding="0" cellspacing="0" class="text">
                                <tr>
                                    <td height="9" valign="top" background="images/grey_bar.gif"></td>
                                </tr>
                                <tr>
                                    <td align="center" valign="top" bgcolor="F8FFE9">
                                        <!- INicio de contenido->
                                        <div style="padding: 30px" >
                                            <h1 align="left">Citas</h1>
                                            <h3 align="left">Acontinuaci&oacute;n se presentan el detalle de citas</h3>
                                            <hr><br/>
                                            <table border="0" align="left">
                                                <tr><td><label>Doctor:</label></td><td><select id="cboDoctor" ><option>--Seleccione un doctor--</opction></select></td></tr>
                                                <tr><td><label>Hora:</label></td><td><select id="cboHora" ><option>--Seleccione la hora--</opction></select></td></tr>
                                                <tr><td></td><td></td></tr>
                                            </table>

                                        </div>
                                        
                                    </td><!- FIN de contenido->
                                </tr>
                            </table></td>
                        <td align="left" valign="top">
                            <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" class="text" bgcolor="F8FFF9">
                                <tr>
                                    <td height="9" valign="top" background="images/grey_bar.gif"></td>
                                </tr>
                                <tr>
                                    <td height="148" valign="top">-</td>
                                </tr>
                                <tr>
                                    <td height="63">-</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="top" >-
                                    </td>
                                </tr>
                            </table>

                        </td>
                    </tr>
                </table></td>
        </tr>
        <tr>
            <td height="78" background="images/bottombg.gif"><table width="775" border="0" cellpadding="0" cellspacing="0" class="text">
                    <tr>
                        <td align="center"><a href="#"><strong><font color="#FFFFFF">Inicio</font></a>|
                                        <a href="#"><font color="#FFFFFF">Citas</font></a>|
                                        <a href="#"><font color="#FFFFFF"> Consultas </font></a>|
                                        <a href="#"><font color="#FFFFFF">Expedientes</font> </a>|
                                        <a href="#"><font color="#FFFFFF">Pacientes </font></a>|
                                        <a href="#"><font color="#FFFFFF">Personal</font></a><br><br>
                            <strong><font color="345181">&copy; Ing. del software III-2011
                                </font></strong></td>
                    </tr>
                </table></td>
        </tr>
    </table>
    <div id="copyright" style="display: none">Copyright &copy; 2011 <a href="http://apycom.com/">Apycom jQuery Menus</a></div>

</body>
</html>
